<style type="text/css">
	.content{
		padding: 0;
	}
	/* 框架 */
	.wanl_kuaidi{
		background: url(/assets/addons/wanlshop/img/kuaidi/spider_search_v4.png) 0px 0px repeat-x;
		padding: 20px 15px;
	}
	.wanl_kuaidi td{
	  padding: 7px;
	}
	.wanl_kuaidi th{
		padding: 7px;
		font-weight: inherit;
		font-size: 16px;
	}
	.wanl_kuaidi .last td,  .wanl_kuaidi .last td a{
	  color: #ff7800;
	  border-bottom: none;
	}
	/* 图标线段 */
	.wanl_kuaidi .process{
		position: relative;
		color: #b3b3b3;
	    width: 60px;
	    text-align: center;
	}
	.wanl_kuaidi .process .line{
		background: #b3b3b3;
		position: absolute;
		width: 1px;
		height: 72%;
		left: 29px;
		bottom: -17px;
	}
	/* 时间 */
	.wanl_kuaidi .status {
	  width: 105px;
	  text-align: center;
	  padding-left: 14px;
	  padding-right: 0;
	}
	.wanl_kuaidi .status .day {
	  display:block;
	}
	.wanl_kuaidi .status .time {
	  font-size: 13px;
	}
	/* 内容 */
	.wanl_kuaidi .info span{
		display: block;
		font-weight: bold;
	}
</style>

<div class="wanl_kuaidi">
	

	<table class="">
		<thead>
		    <tr>
		      <th style="text-align: center;padding-left: 14px;">时间</th>
		      <th></th>
			  <th>地点和跟踪进度</th>
		    </tr>
		  </thead>
		<tbody>
		{switch name="row.state" }
		    {case value="1"}
				<tr>
					<td class="status"><span class="day">{$row.createtime|date="Y.m.d",###}</span><span class="time">{$row.createtime|date="H:i",###}</span><span class="week">{$week[date('w', $row.paymenttime)]}</span></td>
					<td class="process">
						<i class="fa fa-credit-card"></i>
					</td>
					<td class="info"><span>尚未付款</span>付款后，即可将宝贝发出</td>
				</tr>
			{/case}
		    {case value="2"}
				<tr>
					<td class="status"><span class="day">{$row.paymenttime|date="Y.m.d",###}</span><span class="time">{$row.paymenttime|date="H:i",###}</span> <span class="week">{$week[date('w', $row.paymenttime)]}</span></td>
					<td class="process">
						<i class="fa fa-shopping-cart"></i>
					</td>
					<td class="info"><span>已付款</span>商家正在处理订单</td>
				</tr>
			{/case}
		    {default /}
				{empty name="list"}
				<tr>
					<td class="status">
						<span class="day">{$row.paymenttime|date="Y.m.d",###}</span>
						<span class="time">{$row.paymenttime|date="H:i",###}</span>
						<span class="week"></span>
					</td>
					<td class="process">
						<i class="fa fa-truck"></i>
					</td>
					<td class="info"><span>已发货</span>包裹正在等待快递小哥揽收~</td>
				</tr>
				{else /}
				<!-- 快递单当前状态，包括0在途，1揽收，2疑难，3签收，4退签，5派件，6退回，7转投 等7个状态 -->
					{volist name="list" id="vo"}
					<tr class="{in name="key" value="0"} last {/in}">
						<td class="status"><span class="day">{$vo.time|date="Y.m.d",###}</span><span class="time">{$vo.time|date="H:i",###}</span><span class="week">{$vo.week}</span></td>
						<td class="process">
							{switch name="vo.status"}
							    {case value="在途"}<i class="fa fa-chevron-circle-up"></i>{/case}
							    {case value="揽收"}<i class="fa fa-archive"></i>{/case}
								{case value="疑难"}<i class="fa fa-exclamation-circle"></i>{/case}
								{case value="签收"}<i class="fa fa-check"></i>{/case}
								{case value="退签"}<i class="fa fa-reply"></i>{/case}
								{case value="派件"}<i class="fa fa-user"></i>{/case}
								{case value="退回"}<i class="fa fa-hand-paper-o"></i>{/case}
								{case value="转投"}<i class="fa fa-share-square"></i>{/case}
							{/switch}
							<div class="line"></div>
						</td>
						<td class="info"><span>{if condition="$vo.status neq '在途'"}{$vo.status}{/if}</span>{$vo.context}</td>
					</tr>
					{/volist}
				{/empty}
		{/switch}	
		</tbody>
	</table>
</div>